
 Ext.ns("CRM.SPComp");
 (function(){
	 CRM.SPComp.createIssueSearchComp = function(dataStore, columnModel ,criteriaStore){
	 
	      var gridView                = new Ext.grid.GridView();
	      var selModel                = new Ext.grid.RowSlectioModel({singleSelect:true});
	      var spSearchIssueGridPanel  = new Ext.grid.GridPanel({
	    	  
	    	  autoHeight    : true,
	    	  id            : spSearchIssueGridPanel,
	    	  view          : gridView,
	    	  store         : datastore,
	    	  colModel      : columnModel,
	    	  selModel      : selModel,
	    	  stripeRow     : true,
	    	  enableRowBody : true,
	    	  scrollable    : true
	    });
	      
	      var dynamicGridPanel = new Ext.Panel({
	    	  width         : 1300,
	    	  items         : [
			    	            {
			    	            	xtype   : 'panel',
			    	            	id      : 'combinePanel',
			    	            	height  : 90,
			    	            	width   : 1400,
			    	            	frame   : true,
			    	            	padding : '5px',
			    	            	items   : [
			    	            	           {
			    	            	        	   xtype      : 'fieldset',
			    	            	        	   id         : 'criteriaPanel',
			    	            	        	   title      : 'Search Criteria',
			    	            	        	   height     : 65,
			    	            	        	   width      : 1300,
			    	            	        	   labelWidth : 120,
			    	            	        	   layout     : 'hbox',
			    	            	        	   items      : [
			    	            	        	                 {
			    	            	        	                   xtype  : 'compositefield',
			    	            	        	                   items  : [
				    	            	        	                             { xtype : 'displayfield',value :'Search Criteria : '},
				    	            	        	                             {
				    	            	        	                            	 xtype           : 'combo',
				    	            	        	                            	 id              : 'issueSearchCriteria',
				    	            	        	                            	 store           : criteriaStore,
				    	            	        	                            	 displayField    : 'criteria',
				    	            	        	                            	 valueField      : 'id',
				    	            	        	                            	 value           : 'SELECT',
				    	            	        	                            	 triggerAction   : 'all',
				    	            	        	                            	 width           : 200,
				    	            	        	                            	 editable        : false
				    	            	        	                             },
				    	            	        	                             { xtype : 'displayfield', value: 'Value : '},
				    	            	        	                             {
				    	            	        	                            	  xtype           : 'combo',
				    	            	        	                            	  id              : 'criteriaValue',
				    	            	        	                            	  name            : 'criteriaValue',
				    	            	        	                            	  enableKeyEvents : true,
				    	            	        	                            	  width           : 350
				    	            	        	                             },
				    	            	        	                             {
				    	            	        	                            	  xtype           : 'button',
				    	            	        	                            	  text            : 'Search'
				    	            	        	                             },
				    	            	        	                             {
				    	            	        	                            	  xtype           : 'button',
				    	            	        	                            	  text            : 'Clear Search'
				    	            	        	                             }
			    	            	        	                            ]
			    	            	        	                         }
			    	            	                                  ]
			    	            	                   }
			    	            	             ]
			    	            },
			    	            {
									xtype : 'panel',
									padding: '10px',
									items : [
												{
													xtype	: 'fieldset',
													title	: 'Search Result',
													width	: 1400,
													padding	: '5px',
													items	: [spSearchIssueGridPanel]
												}
									         ]
								}
							]
             });
			    	            
	      return dynamicGridPanel;
		};	           
	    	            
 })(); 	  
	     
 
 